/* 尽量不去动原来的样式所在，要注意仅在首页这些工具页面进行大尺寸适配，
 * 避免影响到其他不在改动范围内的页面，以.page-main-content进行最外层限制
*/

.left-layout {
  width: 67.6%;
}

.page-main-content {
  width: 1000px;
  margin: 0 auto;
}

.uploading-h {
  /*height: 260px;*/
  height: 300px;
}

.include-qrfun-origin .qrcode-wrapper.urlRecreateMinHeight {
  /*min-height: 260px;*/
  min-height: 300px;
}

@media (min-width: 1000px) {
  .page-main-content .sub_nav.qrcode-bottom.pull-right {
    /*max-width: 260px;*/
    max-width: 300px;
  }
}

@media (min-width: 1280px) {
  /* 底部栏拉到1200 */
  .footer-category-box .foot-box{
    max-width: 1200px;
  }

  .footer-category-box .copyright a,
  .footer-category-box .copyright .copyright-inner .record-case,
  .footer-category-box .copyright .copyright-inner .gov-icon,
  .footer-category-box .copyright-box .divider,
  .footer-category-box .top-text span.mr16 {
    margin-right: 11px;
  }

  .footer-category-box .copyright a:nth-last-child(1),
  .footer-category-box .copyright a:nth-last-child(2) {
    margin-right: 11px;
  }

  .footer-category-box .copyright a:last-child {
    margin-right: 0;
  }
}
/* 大屏适配 */
@media (min-width: 1440px) {

  .left-layout {
    width: 67.6%;
  }

  .page-main-content,
  .page-main-content .wait-now{
    width: 1200px;
  }

  .page-main-content .tab-content-feature-container{
    margin: 0 auto;
  }

  .page-main-content .sub_nav.qrcode-bottom.pull-right {
    /*max-width: 325px;*/
    max-width: 360px;
  }

  .include-qrfun-origin .qrcode-wrapper,
  .qrimage-wrap-loading.qrimage-wrap,
  .page-main-content .url-qrcode-wrapper.noQrCode.qrbox .qrimage-wrap #qrimageTd {
    /*min-height: 325px;*/
    min-height: 360px;
  }

  .include-qrfun-origin .qrcode-wrapper.urlRecreateMinHeight {
    /*min-height: 325px;*/
    min-height: 360px;
  }

  .page-main-content.text-sub-wrapper,
  .page-main-content.text-sub-wrapper.hasCreateCodeWrapper,
  .page-main-content.url-sub-wrapper .imgRenderDone.renderDone {
    min-height: calc(424px + (360px - 300px)) !important;
  }

  .page-main-content.text-sub-wrapper.hasCreateCodeWrapper {
    min-height: calc(424px + 48px + (360px - 300px)) !important;
  }

  .page-main-content .hasQrCodeNew .qrimage-wrap {
    min-height: 312px;
  }

  .index-qrcode-wrapper[data-is_create_code='1'] .qrimage-wrap,
  .text-qrcode-wrapper[data-is_create_code='1'] .qrimage-wrap {
    min-height: 302px;
  }

  .page-main-content .qrimage-wrap img {
    /*max-width: calc(325px - 24px * 2);*/
    /*max-height: calc(325px - 24px * 2);*/
    max-width: calc(360px - 24px * 2);
    max-height: calc(360px - 24px * 2);
  }

  .page-main-content .textarea-box,
  .page-main-content .editor-box,
  .page-main-content .desc-wrap-tx,
  .page-main-content .desc-wrap,
  .page-main-content .qrimage-td-h,
  .page-main-content .upload-before,
  .page-main-content .click-create-active,
  .page-main-content .uploading-h,
  .vcard-qrcode-wrapper,
  .page-main-content .static-result-main-wrap {
    /*height: 325px;*/
    height: 360px;
  }

  .page-main-content .upload-pic-content {
    /*height: 323px;*/
    height: 358px;
  }

  .upload-wrapper.upload-wrapper-media .upload-success.upload-success-media {
    min-height: 360px;
  }

  .qrimage-wrap,
  .include-qrfun-origin .qrcode-wrapper,
  .vcard-qrcode-wrapper,
  .page-main-content .index-right-box,
  .recent-generate-area .page-main-content .create-style-tpl-wrapper,
  .page-main-content .contact-mobile .create-style-tpl-wrapper,
  .page-main-content .new-contact,
  .recent-generate-area .page-main-content .style-change-wrapper,
  .page-main-content .qrbox .create-style-tpl-wrapper,
  .page-main-content .create-style-tpl-wrapper-fixed.create-style-tpl-wrapper,
  .page-main-content .out-length-fun-tip {
    /*width: 325px;*/
    width: 360px;
  }

  .page-main-content .new-contact.fixed {
    margin-left: calc(1200px / 2 - 360px);  /* 总宽的50% - 自身宽度 */
  }

  .include-qrfun-origin .sub_nav.qrcode-bottom {
    /*top: calc(325px + 8px);
    width: 325px;*/
    top: calc(360px - 53px);
    width: 360px;
  }

  .page-main-content .recent-codes-list {
    max-width: calc(1200px * 0.676);
  }

  /* 字体大小 */
  .page-main-content .upload-text,
  .page-main-content .upload-img-text {
    font-size: 22px;
  }

  .page-main-content .label-wrapper .label-title-wrap {
    font-size: 20px;
  }

  .tools-container h4 {
    font-size: 19px;
  }

  .create-code-tip,
  .qrcomplete-result-box {
    font-size: 18px;
  }

  .qrimage-wrap .create-code-tip img {
    width: 170px !important;
    height: 170px !important;
  }

  .page-main-content .animateList .content-tab-ul li {
    font-size: 17px;
  }

  .page-main-content .qrimage-wrap td .deqr-wrapper .deqr-link,
  .page-main-content .qrimage-wrap td .deqr-wrapper .seamless-code,
  .page-main-content .sub_nav li a,
  .cli_nav .sub_nav li a,
  .page-main-content .code-meihua-style,
  .page-main-content .choose-label-style-tpl .choose_label_style_tpl_name,
  .page-main-content .choose-label-style-tpl .choose-tpl-action,
  .page-main-content .qrfun-btn.qrfun-beautify-btn,
  .page-main-content .btn.main-download,
  .__static-history-item-wrap .__static-history-info .ops,
  .__static-history-item-wrap .__static-history-item .__static-history-info,
  .page-main-content .nav-tabs_ul,
  .url-error-text,
  .page-main-content .tab-item a,
  .page-main-content .back-to-old-version,
  .create-tpl-wrapper .tpl-box,
  .banner-card,
  .tools-container ul li a h5,
  .page-main-content .banner-card-desc,
  .page-main-content .label-wrapper .label-desc,
  .page-main-content .recent-tab .tab-title {
    font-size: 15px;
  }

  .page-main-content .deqr-wrapper .anticon-cli-scanning,
  .page-main-content .code-meihua-style .clifont,
  .page-main-content .more-setting-info-wrap,
  .page-main-content .create-code-bottom-action-wrap .action-item .action-text,
  .richtext_main,
  .page-main-content .shortcuts .item,
  .__static-history-item-wrap .__static-history-item .__static-history-info .ops .tip {
    font-size: 14px;
  }

  /*.advanced-editor-size,*/
  .richtext_main_new .drop-down,
  .static-result .right-action .advanced-edit,
  .page-main-content .right-action .advanced-edit,
  #upload-before .shortcuts .item,
  .__static-history-item-wrap .__static-history-info .ops .op,
  .page-main-content .common-q-and-a .item .a,
  .staticQrTip,
  #commonQrTip,
  #single-url-tips, #single-url,
  #multi-url-tips, #multiple-url,
  .page-main-content .upload-tip,
  .page-main-content .upload-img-desc-new,
  .page-main-content .upload-img-tip,
  .page-main-content .tab-content-desc,
  .tools-container ul li a p,
  .page-main-content .qrbox .create-style-tpl-wrapper .tip,
  .page-main-content .recent-codes-info p,
  .page-main-content .recent-codes-actions a.recent-codes-action-link,
  .recent-generate-area .page-main-content .create-style-tpl-wrapper .tip,
  .page-main-content .to-login,
  .page-main-content .weixin-success-footer,
  .page-main-content .out-length-inner-tip,
  .page-main-content .out-length-fun-tip .item .item-content {
    font-size: 13px;
  }

  .page-main-content .has-qrcode-wrapper {
    padding: 12px 24px;
  }

  .use-cliao-user-title {
    font-size: 32px;
  }

  .page-main-content .recent-codes-info h4 {
    font-size: 17px;
  }

  .page-main-content .community-wrapper .content-box {
    max-width: none;
  }

  .page-main-content #multimedia-file-icon {
    margin-top: calc(56px + 32px);
  }

  .left-info,
  .right-info,
  .add-item {
    width: auto;
    margin-left: 232px;
    margin-right: 80px;
  }

  .left-info {
    margin-top: 40px;
  }

  .page-main-content .avator {
    top: 40px;
    left: 80px;
    width: 88px;
    height: 88px;
  }

  .tools-container ul li {
    width: calc((1200px - 32px * 2) / 3);
  }

  .tools-container h4 {
    margin-top: 36px;
  }

  /* .tab-form-box-content .wordpress-article{
    width: 70%;
  } */

  .page-main-content .hasQrCodeNew.renderDone.imgRenderDone .create-style-tpl-wrapper {
    /* max-height: 160px; */
    float: right;
  }

  .recent-generate-area .page-main-content .style-change-wrapper {
    float: right;
  }

  .page-main-content .beauty_ul li {
    width: 190px;
    height: 190px;
  }

  /*.page-main-content .beauty_ul li:nth-child(4) {*/
  /*  margin-right: 16px;*/
  /*}*/

  /*.page-main-content .beauty_ul li:nth-child(5) {*/
  /*  margin-right: 0;*/
  /*}*/

  .page-main-content .upload-pic-item,
  .page-main-content .upload-file-trigger-item {
    /*margin-top: calc((325px - 260px) / 2);*/
    margin-top: calc((360px - 300px) / 2);
  }

  .page-main-content .choose-label-style-tpl .choose_label_style_tpl_name {
    max-width: 195px;
  }

  .page-main-content #uploading.single-content .upload-pic-content .upload-pic-item,
  .page-main-content #uploading.single-content .upload-pic-content .upload-file-trigger-item{
    margin-top: 0;
  }

  .qrcode-download .main-download-special,
  .qrcode-download .to-active-code {
    width: calc((312px - 8px) / 2) !important;
  }

  .page-main-content .fixed.contact-mobile .create-style-tpl-wrapper {
    margin-top: 72px;
  }

  .page-main-content .label-wrapper .label-img {
    padding: 0;
  }

  .page-main-content .banner-card + .banner-card {
    margin-left: 32px;
  }

  .adaptive-min-height.set-min-height {
    min-height: 692px;
  }

  .index-feature-header-abtest .page-main-content .left-cont-list .left-cont-list-item {
    height: 120px; /*小屏2行适配*/
  }

  .page-main-content .generate-fail-td {
    /*width: calc(325px - 24px * 2);*/
    /*height: calc(325px - 24px * 2);*/
    width: calc(360px - 24px * 2);
    height: calc(360px - 24px * 2);
  }

  .page-main-content .single-to-active-code-btn {
    /*width: calc(325px - 24px * 2);*/
    width: calc(360px - 24px * 2);
  }

  /* .page-main-content .static-result .result-content-td {
    height: calc(325px - 40px);
  }

  .page-main-content .static-result .result-content {
    max-height: calc(325px - 40px);
  } */

  /* 减去了下面的提示的高度 */
  /* .page-main-content .static-result-new.static-result-has-tip .result-content-td {
    height: calc(277px - 40px) !important;
  }

  .page-main-content .static-result-new.static-result-has-tip .result-content {
    max-height: calc(277px - 40px) !important;
  } */

  .upload-wrapper[data-type="video"] .media-info p.text-ellipsis,
  .upload-success[data-type="video"] .media-info p.text-ellipsis {
    max-width: 334px !important;
  }

  .upload-wrapper[data-type="audio"] .media-info p.text-ellipsis {
    max-width: 460px !important;
  }
}

@media (max-width: 1439px) {
  .footer-category-box .copyright a,
  .footer-category-box .copyright .copyright-inner .record-case,
  .footer-category-box .copyright .copyright-inner .gov-icon,
  .footer-category-box .copyright-box .divider,
  .footer-category-box .top-text span.mr16 {
    margin-right: 13px;
  }

  .footer-category-box .foot-box {
    padding: 0 16px;
  }


  html, body,
  .page-index-main,
  .cli_nav,
  .cli_head_container,
  .cli_head,
  #generate-area,
  .index-tools-box,
  .advanced-feature-used-wrapper,
  .index-scene-wrapper-new-version,
  .deep-use-solution,
  .mobile-scene-min-width,
  .index-section-user-use,
  .footer-to-price,
  .index-feature-header,
  .system-features-new-box,
  .index-intro-wrapper,
  .cli_foot{
    min-width: 1000px !important;
  }

  .foot-box {
    width: 1000px;
  }

  .cli_nav .sub_nav {
    padding: 0;
  }

  .copyright-box .wrap-line {
    display: block;
    margin-top: 8px;
  }

  .footer-category-box .copyright .copyright-inner {
    text-align: center;
  }

  .foot-box .footer-product-wrapper .footer-info-item + .footer-info-item {
    margin-left: 60px;
  }

  .upload-wrap.upload-wrapper .dragtip .tip-text + p {
    width: 117px;
    left: -5px;
  }

  .upload-wrap.upload-wrapper .dragtip {
    font-size: 18px;
  }

  /* 减去了下面的提示的高度 */
  .page-main-content .static-result-new.static-result-has-tip .result-content-td {
    max-height: calc(215px - 40px) !important;
  }

  .page-main-content .static-result-new.static-result-has-tip .result-content {
    max-height: calc(215px - 40px) !important;
  }
}


@media (max-width: 1279px) {
  .copyright-inner .copyright-box .divider {
    display: block;
    width: 0px;
  }

  .top-text {
    white-space: unset;
  }

  .footer-category-box .copyright .first-line-last-one {
    margin-right: 0;
  }
}







